var imgFiles=[];

$('#evaluate').on('click',function(){
	$('.pop,.shade,body').addClass('show-i');
});
$('#closer').on('click',function(){
	$('.pop,.shade,body').removeClass('show-i');
});
$('.publish').on('click',function(){
	if(!$('.pop .star').is('[data-ckd]')){
		alert('请至少选择星级评价');
		return;
	}
	$('.pop,.shade,body').removeClass('show-i');
	var evaluateObj={
		orderNumber:$('#order-num').html(),
		allEvaluateStar:$('.pop .star').eq(0).attr('data-ckd'),
		productStar:$('.pop .star').eq(1).attr('data-ckd'),
		serveStar:$('.pop .star').eq(2).attr('data-ckd'),
		valuateText:$('#text textarea').val(),
		evaluateImg:imgFiles
	}
//	$.post('data.json',evaluateObj,function(res){
//		console.log(res);
//	})
	$.ajax({
		type:"post",
		url:"data.json",
		async:true,
		data:evaluateObj,
		success:function(res){
			console.log(res);
			alert('上传成功');
		},
		error:function(a,b,c){
			console.log(a,b,c);//对象，类型，具体信息
		}
	});
	
});


window.onload=function () {
    /*----------五星----------*/
    (function () {
        var star=document.querySelectorAll('.star');
        for(var i=0;i<star.length;i++){
            star[i].addEventListener('mouseenter',function () {
                var that=this,
                    stars=this.querySelectorAll('i');
                for(var j=0;j<stars.length;j++){
                    stars[j].index=j;

                    /*鼠标移入到哪哪红心*/
                    stars[j].addEventListener('mouseenter',function () {
                        /*先清空原来点击留下的红心*/
                        for(var k=0;k<stars.length;k++){
                            stars[k].classList.remove('red-star');
                        }
                        for(var k=0;k<this.index+1;k++){
                            stars[k].classList.add('red-star');
                        }
                    });

                    /*鼠标点击保存当前下标*/
                    stars[j].addEventListener('click',function () {
                        that.setAttribute('data-ckd',''+(this.index+1)+'');
                    });

                    /*鼠标移出清空*/
                    stars[j].addEventListener('mouseleave',function () {
                        for(var k=0;k<stars.length;k++){
                            stars[k].classList.remove('red-star');
                        }

                        /*回到原来的点击*/
                        var click_index=parseInt(that.getAttribute('data-ckd'));
                        if(click_index){
                            for(var k=0;k<click_index;k++){
                                stars[k].classList.add('red-star');
                            }
                        }
                    });
                }
            });
        }
    })();

    /*----------输入框字数----------*/
    (function () {
        document.querySelector('textarea').addEventListener('keyup',function () {
            document.querySelector('.num span').innerHTML=this.value.length;
            if(this.value.length==200){
                document.querySelector('.num').style.color='#f00';
            }else {
                document.querySelector('.num').style.color='#000';
            }
        });
    })();

    /*----------上传图片----------*/
    (function () {
        var upimg_shade=document.querySelector('.upimg-shade'),
            upimg_label=document.querySelector('#label-file');
        document.querySelector('#files').addEventListener('change',function () {
            var files=this.files;
            var div_img=document.querySelectorAll('figure .img');
            function num() {
                div_img=document.querySelectorAll('figure .img');
                div_img.length==6?upimg_shade.classList.add('show-i'):upimg_shade.classList.remove('show-i');
                document.querySelector('.state em').innerHTML=div_img.length;
                document.querySelector('.state span').innerHTML=6-div_img.length;
            }
            if(files.length>6){
                alert('最多只能选择6张图片哦！');upimg_label.click();
            }else if(div_img.length==1&&files.length>5){
                alert('只能再上传5张图片哦！');upimg_label.click();
            }else if(div_img.length==2&&files.length>4){
                alert('只能再上传4张图片哦！');upimg_label.click();
            }else if(div_img.length==3&&files.length>3){
                alert('只能再上传3张图片哦！');upimg_label.click();
            }else if(div_img.length==4&&files.length>2){
                alert('只能再上传2张图片哦！');upimg_label.click();
            }else if(div_img.length==5&&files.length>1){
                alert('只能再上传1张图片哦！');upimg_label.click();
            }else{
                if(window.FileReader){
                    for(var i=0;i<files.length;i++){
                        if (files[i].type.indexOf('image') === -1) {    /*检测文件是不是图片格式*/
                            alert("选择的不是图片哦！");
                            upimg_label.click();
                            return false;
                        }else if(files[i].size>5242880){    /*检测文件是不是图片格式*/
                            alert("图片大小不能超过5M哦！");
                            upimg_label.click();
                            return false;
                        }else{      /*读取文件*/
                            var file=new FileReader();
                            file.readAsDataURL(files[i]);
                            file.onload=function () {
                                var img='<div class="img" style="background: url('+this.result+') no-repeat center/cover"><div class="remove">删除</div></div>';
                                imgFiles.push(this.result);
                                document.querySelector('figure').innerHTML+=img;
                                div_img=document.querySelectorAll('figure .img');
                                num();
//                              var reimg=document.querySelectorAll('.remove');
//                              for(let i=0;i<reimg.length;i++){
//                                  reimg[i].addEventListener('click',function () {
//                                      this.parentNode.parentNode.removeChild(this.parentNode);
//                                      num();
//                                      imgFiles.splice(i,1);
//                                  });
//                              }
                                $('.remove').on('click',function(e,is){
                                	var index=$(this).parent().index();
                                	$(this).parent().remove();
                                	num();
                                	imgFiles.splice(index,1);
                                });
                            }
                        }
                    }
                }else{
                    alert('您的浏览器太low不支持图片预览，请换个牛逼最新的浏览器重试');
                }
            }
        });
    })();
}